@charset "UTF-8";

/* 所有sass变量及函数 */

/* 颜色 */
$red: #f72f39;
$orange: #faad14;
$green: #51c21c;
$blue: #1890ff;
$purple:#753cca;
$gray-99: #999;

$navBg: #22365f; // 导航背景
$theme: $purple; // 主题色
$content: #000; // 一般的内容和标题
$subColor: #cac9d8; // 辅助色 提示文字
$disabled: #bbbec4; // 失效
$border: #d9d9d9; // 边框
$divider: #ebebeb; // 表格分割线
$background: #e5e5e5; // 背景
$textBtn: #27569f; // 文字按钮
$textBg: #d1e7ff; // 行背景
$iconColor: #1890ff; //icon color
$success: $green; //成功
$warning: $orange; //警告
$error: $red; //错误
$error-border: #f56c6c; // 错误边框
$textBtn: $blue; // 文字按钮
$white: #fff;
$filter-bg: #fbfbfb;
$border-color: #f3f3f3;
$icon-color: #acacac;
$tag-bg: #ffd4b6;
$body-bg: #f0f2f5;
$icon-bg: #231f20;
$table-tag-border: #aed8ff;
$table-tag-background: #e9f3ff;
$dialog-number-color: #0085fa;
$emoji-hover: #f0f0f0;
$list-bg:rgba(217, 217, 217, 0.3);

$gd-main-color: $purple;
$gd-button-color: $theme;
$gd-menu-label: #7136c7;
$gd-menu-bg: #eee8ed;
$text-color: rgba(0, 0, 0, 0.75);
$tip-text-color: rgba(0, 0, 0, 0.65);
$second-text-color: rgba(0, 0, 0, 0.5);
$third-text-color: rgba(0, 0, 0, 0.45);
$fourth-text-color: rgba(0, 0, 0, 0.25);
$fifth-text-color: rgba(0, 0, 0, 0.15);
$box-shadow-color: rgba(0, 0, 0, 0.2);
$file-size-color: rgba(0, 0, 0, 0.3);

$file-color: #ff5562;
$word-color: #82cafa;
$excel-color: #79c89e;
$ppt-color: #f0837c;
$video-color: #8095ff;
$link-color: #8095ff;
$mini-program-color: #6d76d4;
$chat-divide-color: rgba(217, 217, 217, 0.5);
$chat-video-color: #ffa924;
$chat-word-color: #6598f4;
$chat-meeting-color: #0281fe;
$chat-resigned-color: #ff6e85;
$chat-work-wechat-color: #f5b522;

$switch-color: #b0b0b0;

$chat-type-doc-msg-color: #6cc571;
$chat-meeting-color-bg: #f2f2f4;

// 素材库
$border-line: #f7f7f7;
$placeholder: rgba(26, 26, 26, 0.25);
$input-background-blue: rgba(209, 231, 255, 0.3);
$inpur-radio-group: #f3f3f3;
$scrollbar: #aeaeae;
$scrollbar-hover: #7e7878;

$success: $green; // 成功
$warning: $orange; // 警告
$error: $red; // 错误
$primary: $theme; // 主色

$loading-icon-color: #83b9ff;
$customer-group-info-bg: #fbfdff;
$customer-group-error-bg: #fffcfc;
$customer-group-warning-bg: #fffdf9;
$customer-group-phone-bg: #ededed;
$customer-group-chat-bg: #c9c9c9;
$customer-group-text-bg: #a9ea7a;
$customer-detail-base-bg: #fcfcfc;
$customer-tips-bg: #effaff;

$customer-group-color: $text-color;
$customer-group-second-color: $second-text-color;
$customer-group-third-color: #333;
$customer-group-fourth-color: #b3b3b3;

$customer-group-border-color-info: #cfe8ff;
$customer-group-border-color-warning: #ffdc9e;
$customer-group-border-color-error: #ffc8c8;

$business-icon-color: #505050;

$ml-avatar-bg: #ccc;
$ml-image-bg: #f4f4f4;
$chat-revoke-bg: rgba(205, 205, 205, 0.3);

$chat-text-bg: #e5e7eb;
$chat-text-self-bg: #cce4fc;


$chat-vollect-vote-items-bg: #f8f8fa; // 会话存档收集表、投票选项背景色
$chat-vollect-vote-icon-color: rgba(217, 217, 217, 0.5); // 会话存档收集表、投票ICON颜色

$get-customer-get-add-friend-border-bg: #cfe8ff; //批量添加好友统计数据卡片边框颜色
$get-customer-get-add-friend-dialog-header-color: #074b9a; //批量添加好友导入待添加好友弹框头部字体颜色样式
$get-customer-get-add-friend-dialog-header-bg: #f1fafe; //批量添加好友导入待添加好友弹框头部背景颜色
$get-customer-get-add-friend-dialog-content-item-color: #999; //批量添加好友导入待添加好友弹框内容字体颜色
$get-customer-get-add-friend-dialog-text-color: #ff4b5b;
$get-customer-get-add-friend-no: rgba(#000, 0.45);

$customer-details-source: #52c41a; // 客户管理详情来源文字颜色;例如（微信，企业微信）
$customer-details-source-name: #eda150; // 客户管理详情来源文字颜色;例如（微信，企业微信）
$customer-details-color-status: #db7457; // 客户管理详情流失状态文字颜色
$customer-details-border-status: #ffe9d5; // 客户管理详情流失状态边框颜色
$customer-details-background-status: #fff6ee; // 客户管理详情流失状态背景颜色
$customer-details-information-bg-color: #fcfcfc; // 客户管理详情基本信息title背景颜色
$customer-details-enterprise-label-bg-color: linear-gradient(
  0deg,
  #d1e7ff,
  #d1e7ff
),
  #f7f7f7; // 客户管理详情标签背景颜色
$customer-details-timeline-el-timeline-item__tail-border-color: #aeb4bf; // 客户管理详情时间线
$customer-details-timeline-el-card__body-bg-color: #f1fafe; // 客户管理详情card背景颜色
$customer-employees-icon-color: #1754c6; // 客户管理列表员工图标颜色
$upload-font-tip: #1990ff;
$upload-file-name-color: rgba(0, 0, 0, 0.65);
$upload-file-size-color: rgba(0, 0, 0, 0.4);
$upload-delete-bg: #d0d0d0;
$source-link-add-color: #c8d4e0;
$upload-header-bg-color: rgba(0, 18, 36, 0.03);
$customer-group-empty-table-border-color: #ebeef5;

//客群接入
$dialog-stars-color: #fe6164;

// 客户管理详情批量标签使用颜色
$customer-manage-list-tag-october-fission-tag-bg: #f7f7f7;
$customer-mass-lable-text: #bdcedd;
$customer-mass-lable-bg: #e8f0f9;


// 成员管理树形结构使用颜色
$member-manage-bg-color: #d1e7ff;

// 成员管理列表使用颜色
// $member-manage-fit-bg: #f1fafe;
// $member-manage-fit-border-color: #1890ff;
// $member-manage-fit-text-color: #074b9a;
// $member-manage-number-text-color: #666;
$member-manage-staff-text-color: rgba(0, 0, 0, 0.45);
$role-manage-authority-container-box-shadow: rgba(0, 0, 0, 0.05);
$role-manage-role-list-active-bg: #d1e7ff;
$role-manage-role-range-el-table-cell-bg: #fcfcfc;
$role-manage-worker-list-el-input-icon-color: $icon-color;
$role-manage-worker-list-el-table-cell-color: #666;

$content-manage-new-source-new-group-btn-color: #1890ff;
$content-manage-new-source-client-content-box-border-color: #d9d9d9;
$content-manage-new-source-header-title: #323b45;
$content-manage-new-source-client-content-bg: #ededed;
$content-manage-new-source-greeting-label-bg: #c9c9c9;
$content-manage-new-source-info-color: #333;
$content-manage-new-source-info-bg: #a9ea7a;
$group-send-detail-button-disabled: #c0c4cc;

$data-border-empty-text: #909399;
$red-bg: rgba(255, 38, 38, 0.11);
$warning-color: #ff8c00;
$customer-group-third-color-opacity:rgba(51, 51, 51, 0.5);
$customer-group-text-color: #1890ff;

$loading:rgba(0, 0, 0, 0.8);
// 客户群管理
$customer-group-bg: #f5f5f6;
$customer-group-dissolution-color: #e86f70;
$customer-group-dissolution-bg:#f9e1e2;
$data-bg: rgba($blue, 0.1);
$fission-status-yes: #0ca148;
$fission-status-no: #0ca148;
$fission-status-wait: #acbb04;
$fission-card-bg: rgba(117, 60, 202, 0.04);
$fission-card-border: rgba(117, 60, 202, 0.1);
$fission-card-in-border:#ece4f8;
$fission-assist-text:#4f4f4f;
$fission-create-text: #848484;
$fission-create-dis-text: #782d8d;
$tree-hover: #f8f4fb;
$mission-text-color: #7a7575;
$product-management-title: #f8f8f8;

/* 层级 */
$z-layers: (
  "default": 1,
  "below": -1,
  "top": 9999,
  "bottom": -9999,
  "modal": (
    "base": 500,
    "close": 100,
    "header": 50,
    "footer": 10,
  ),
);

@function map-has-nested-keys($map, $keys...) {
  @each $key in $keys {
    @if not map-has-key($map, $key) {
      @return false;
    }
    $map: map-get($map, $key);
  }

  @return true;
}

@function map-deep-get($map, $keys...) {
  @each $key in $keys {
    $map: map-get($map, $key);
  }

  @return $map;
}
//用法：z-index: z("modal", "base"); z-index: z("default");
@function z($layers...) {
  @if not map-has-nested-keys($z-layers, $layers...) {
    @warn "No layer found for `#{inspect($layers...)}` in $z-layers map. Property omitted.";
  }

  @return map-deep-get($z-layers, $layers...);
}

/* %placeholder */
// 居中
%center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
// 覆盖整个元素
%cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
// 滚动条
%scrollbar {
  /* 滚动条scrollbar */
  ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }

  /* Track */
  ::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 6px;
  }

  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: $scrollbar;
    -webkit-border-radius: 6px;
  }

  ::-webkit-scrollbar-corner {
    -webkit-box-shadow: none;
  }

  ::-webkit-scrollbar-thumb:window-inactive {
    background: $scrollbar;
  }

  ::-webkit-scrollbar-thumb:hover {
    background-color: $scrollbar-hover;
    -webkit-border-radius: 6px;
  }
}

/* mixin */
@mixin clamp($lineClamp: 2) {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: $lineClamp;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

// 三角形
@mixin triangle($direction, $size, $borderColor) {
  width: 0;
  height: 0;
  content: "";

  @if $direction == top {
    border-right: $size dashed transparent;
    border-bottom: $size solid $borderColor;
    border-left: $size dashed transparent;
  }

  @else if $direction == right {
    border-top: $size dashed transparent;
    border-bottom: $size dashed transparent;
    border-left: $size solid $borderColor;
  }

  @else if $direction == bottom {
    border-top: $size solid $borderColor;
    border-right: $size dashed transparent;
    border-left: $size dashed transparent;
  }

  @else if $direction == left {
    border-top: $size dashed transparent;
    border-right: $size solid $borderColor;
    border-bottom: $size dashed transparent;
  }
}

// 清楚浮动
$for-ie7: false;

@mixin clearfix {
  //支持调用
  @if $for-ie7 {
    *zoom: 1;
  }
  &::before,
  &::after {
    display: table;
    font: 0/0 inherit;
    content: "";
  }
  &::after {
    clear: both;
  }
}
%clearfix {
  @include clearfix;
} //支持组合申明


@mixin flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
